<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ include file="/common/global.jsp" %>
<html>
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>个人记帐</title>
    <link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/core.css"/>
    <link rel="stylesheet" type="text/css" href="${staticPath}/resources/css/tree_tabs.css"/>
    <%@include file="/common/com.jsp"%>
    <script type="text/javascript" src="${staticPath}/resources/js/echarts.js"></script>
    <!--  头部导航 start  -->
    <script type="text/javascript">

        $(function(e){

            var startTop = $("#top_nav_fixed").offset().top;



            $(window).scroll(function(e){

                var scrollLong = $(document).scrollTop();

                if(scrollLong > 27){

                    $("#top_nav_fixed").css("position","fixed");
                    $("#top_nav_fixed").css("top","0");

                }else if(scrollLong <=27){
                    $("#top_nav_fixed").css("position","fixed");
                    $("#top_nav_fixed").css("top","");
                    $("#top_nav_fixed").css("top","27");
                }
            });
        });
    </script>   <!--  头部导航 end  -->

</head>

<body>

<!-- 顶端top头开始-->
<div class="top">
    <div>
        <ul>
            <c:if test="${sessionScope.user==null}" var="u">
                <li class="top_regist"><a href="${path}/front/toregist">注册</a></li>
                <li><a href="${staticPath}/front/tologin">登陆</a><span>|</span></li>
            </c:if>
            <c:if test="${!u}">
                <li><a href="${path}/front/logout">退出</a><span>|</span></li>
                <li class="top_regist"><a href="${path}/user/index">${sessionScope.user.username}</a></li>

            </c:if>
            <li><a href="#">帮助</a><span>|</span></li>
            <li><a href="#">贷款</a><span>|</span></li>
            <li><a href="#">理财</a><span>|</span></li>
            <li><a href="#">记账</a><span>|</span></li>
         <%--   <li><a href="#"><img src="${staticPath}/resources/image/icon/home.png"/>首页</a><span>|</span></li>--%>
        </ul>
    </div>



</div>
<!-- 顶端top头结束-->


<!-- 中部 -->
<div class="wrap">
    <!-- 头部导航区 -->
    <div class="nav" id="top_nav_fixed">
        <div class="nav_left">
          <%--  <img src="${staticPath}/resources/image/logo_core.png"/>--%>
        </div>
        <div class="nav_right">
            <ul>
                <li><a href="${path}/bbs/index">社区</a></li>
                <li><a href="${path}/report/index">报表</a></li>
                <li><a href="${path}/front/accountlist">账户</a></li>
                <li><a href="${path}/jizhang/index">记账</a></li>
                <li><a href="#">概览</a></li>




            </ul>
        </div>
    </div><!-- 头部导航区结-->

    <!-- 内容区 start -->
    <div class="content">
        <!-- tab container  开始   -->
        <div id="notice" class="notice" style="width:1000px;margin:0 auto;">
            <!-- tab卡开始 -->
            <div id="notice-tit" class="notice-tit"
                 style="width:180px;float:left;min-height:1000px;_height:1000px;">
                <ul>
                    <li><a href="${ctxPath}/report/reportshouzhi"  target="content">收支报表</a></li>
                    <li><a href="${ctxPath}/report/categoryreport"  target="content">各类型账务支出报表</a></li>
                    <li><a href="${ctxPath}/report/analysereport" target="content">消费情况</a></li>

                </ul>
            </div><!-- tab卡结束 -->
            <!-- tab内容开始 -->
            <div id="notice-con" class="notice-con"
                 style="width:820px;float:left;min-height:1000px;_height:1000px;">

                <iframe name="content" id="content" src="${ctxPath}/report/reportshouzhi" frameborder="0"  scrolling="no" width="820px" height="850px"></iframe>

            </div> <!-- tab内容结束 -->



        </div>	<!-- tab container  结束   -->
    </div>  <!-- 内容区结束 -->
</div>  <!-- 中部结束 -->


<!--copyright开始-->
<div class="copyright clearfix" id="copyright">
    <div class="copyright_content">
        <ul>
            <li>关于
                <ul>
                    <li>品牌故事</li>
                    <li>联系我们</li>
                    <li>加入我们</li>
                    <li>版权声明</li>
                </ul>
            </li>
            <li>课程
                <ul>
                    <li>PHP开发</li>
                    <li>前端开发</li>
                    <li>JAVA开发</li>
                    <li>Android开发</li>
                </ul>
            </li>
            <li>关注
                <ul>
                    <li>新浪微博</li>
                    <li>腾讯微博</li>
                    <li>企业微信</li>
                    <li>QQ空间</li>
                </ul>
            </li>
            <li>留言
                <ul>
                    <li>意见反馈</li>
                    <li>问题留言</li>
                    <li>媒体联络</li>
                    <li>在线客服</li>
                </ul>
            </li>
            <li><img src="${staticPath}/resources/image/weixin.png" alt="微信关注" width="30" height="27" />微信关注
                <ul>
                    <li><img src="${staticPath}/resources/image/qrcode.jpg" alt="扫描关官方微信" width="102" height="102" /></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--copyright_content结束-->
</div>  <!--copyright结束-->


<!-- tab 选项卡切换 start  -->
<script type="text/javascript" src="${staticPath}/resources/js/tabs_report.js"></script>


<script type="text/javascript" src="${staticPath}/resources/js/datetime.js"></script>


<script type="text/javascript" src="${staticPath}/resources/js/report/shouzhi_report.js"></script>
<script type="text/javascript" src="${staticPath}/resources/js/report/category_report.js"></script>


</body>
</html>
